*{
	margin: 0;
	padding: 0;
}
html{
	height:100%;
	}
body{
	width:100%;
	margin: 0;
	padding: 0;
	background: url(/img/familyParticulars/大屏背景.png) no-repeat center center fixed;
	background-size: cover;
	height: 100%;
	overflow: hidden;
}
#all{
	width: 100%;
	height: 100%;
}
 #one{
	width: 19.3%;
	height:100%;
	margin-left: 0.5%;
	float: left;
}
#center{
    width: 59.4%;
    margin-left: 0.5%;
    height: 100%;
    float: left;
}
#five{
	    width: 19.2%;
   	    height: 100%;
   	    margin-left:80.4%;
}
.tu1{
	width: 100%;
	height: 32.5%;
	margin-top: 0.5%;
	background: url(/img/familyParticulars/border_bg1.png) ;
	background-size: cover;
	background-size:100% 100% ;
}

.tu2{
	margin-top:3%;
	width: 100%;
	height: 32.3%;
	background-size: cover;
	background: url(/img/familyParticulars/border_bg1.png);
	background-size: cover;
	background-size:100% 100% ;
}
.tu3{
	margin-top: 3%;
	width: 100%;
	height: 31%;
	background-size: cover;
	background: url(/img/familyParticulars/border_bg1.png);
	background-size:100% 100% ;
}
.zi1{
	color: white;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
}
#tu1_img,#bing3,#age-echarts{
	width: 100%;
	height: 100%;
}
#logo{
	width: 100%;
	height:10% ;
}
.llogo{
	width: 100%;
	height:145%;
}
.center_left{
	width: 32.9%;
	height:90%;
	/*background: url(/img/familyParticulars/数据统计边框.png);
	background-size: cover;
	background-size: 100% 100%;*/
	float: left;
}
.center_left_top{height:25.2%;background: url(/img/familyParticulars/数据统计边框.png);
	background-size: cover;
	background-size: 100% 100%;}
	.center_left_bottom{margin-top: 3%;
    height: 36.2%;background: url(/img/familyParticulars/border_bg1.png);
	background-size: cover;
	background-size: 100% 100%;}
.center_right{
	margin-left:33.5% ;
	position: relative;
	top:-56%;
	width: 66.1%;
	height:90%;
	background: url(/img/familyParticulars/老人基本情况边框.png);
	background-size: cover;
	background-size: 100% 100%;
}
.three{
	width: 100%;
    margin-top: 3%;
    height: 34.3%;
	background:url(/img/familyParticulars/老人投诉边框.png);
	background-size: cover;
	background-size: 100% 100%;
	float: left;
}
.four{
	
	margin-top: 1%;
	width: 100%;
	height:100%;
	background: url(/img/familyParticulars/社区订单量边框.png);
	background-size: cover;
	background-size: 100% 100%;
}
#bing2{
	width: 100%;
	height: 100%;
	
}
.zr1{
	width: 100%;
	height: 32.5%;
	margin-top: 0.5%;
	background: url(/img/familyParticulars/border_bg1.png) ;
	background-size: cover;
	background-size:100% 100% ;
}

.zr2{
	margin-top:3%;
	width: 100%;
	height: 32.3%;
	background-size: cover;
	background: url(/img/familyParticulars/border_bg1.png);
	background-size: cover;
	background-size:100% 100% ;
}
.zr3{
	margin-top: 3%;
	width: 100%;
	height: 31%;
	background-size: cover;
	background: url(/img/familyParticulars/border_bg1.png);
	background-size:100% 100% ;
}
.tu3_left{
	width: 47%;
	height: 90%;
	float: left;
}
.rx1{
	width: 100%;
	height: 5%;
}
.tu3_right{
	width: 47%;
	margin-left: 53%;
	height: 90%;
	
}


.redkuang{
	width: 80%;
	margin-left: 10%;
	height: 13%;
	margin-top: 2%;
	background-size: cover;
	background: url(/img/familyParticulars/红榜名单框.png);
	background-size:100% 100% ;
}
.zi6{
	font-size: 7px;
	color: white;
	margin-left: 20%;
   padding-top: 6%;
	
}
.zi9{
	font-size: 7px;
	color: white;
	margin-left: 17%;
    padding-top: 6%;
}
.bluekuang{
	width: 80%;
	margin-left: 10%;
	height: 13%;
	margin-top: 2%;
	background-size: cover;
	background: url(/img/familyParticulars/黑榜名单框.png);
	background-size:100% 100% ;
}
.sjtj_left{
	height: 90%;
	width: 40%;
	margin-left: 5%;
	float: left;
}
.sjtj_right{
	height: 90%;
	width: 40%;
	margin-left: 55%;
}
.nr1{
	width:100% ;
	height: 19%;
	background: url(/img/familyParticulars/数据统计内容框.png);
	background-size:100% 100% ;
}
.nr2{
	width:100% ;
	height: 19%;
	margin-top: 6%;
	background: url(/img/familyParticulars/数据统计内容框.png);
	background-size:100% 100% ;
}
#redyuan{
	width: 70%;
	margin-left: 15%;
	height: 33%;
}
#blueyuan{
	width: 70%;
	margin-left: 15%;
	height: 33%;
}
.zi3{
	color: white;
	font-size: 8px;
	text-align: center;
	margin-top: 10px;
}
ul li{
 	list-style: none;
 	
 }
.li1{
	float: left;
	width: 15%;
	height:100%;
	margin-left: 2%;
	background:url(/img/familyParticulars/三级指导中心人数框.png) ;
	background-size: cover;
	background-size:100% 100% ;
	margin-top: 5%;
} 
.li2{
	float: left;
	width: 12%;
	height:100%;
	margin-top: 18%;
	margin-left: 5%;
}
.rsk{
	width: 100%;
	height:30px;
}
.ul1{
	width: 100%;
   margin-left: 13%;
    margin-top: 13%;
    height: 12%;
}
.zi4{
	color: white;
	font-size: 13px;
}
.dtt{
	width: 100%;
	/* margin-left: 5%; */
	height: 95%;
	/* border:1px solid white; */
	background:url(/img/familyParticulars/地图底盘.png) ;
	background-size: cover;
	background-size:100% 100% ;
}

.tp{
	width: 20%;
	height: 13%;
	position:relative ;
	top:10%;
}
#zxt{
	width: 100%;
	height: 95%;
}
#zzt{
	width: 100%;
	height: 100%;
}
.b1{
	width: 88%;
	height:13%;
	margin-left: 6%;
	border-bottom: 0.5px solid gray;
}
.stitle3{
	width: 20%;
	height: 100%;
	margin-left: 16%;
	/*float: left;*/
	color: white;
	font-size: 9px;
	display: inline;
}
.stitle4{
	width: 20%;
	height: 100%;
	margin-left: 15%;
	color: white;
	font-size: 9px;
	display: inline;
}
.stitle1{
	width: 20%;
	height: 100%;
	margin-left: 26%;
	/*float: left;*/
	color: white;
	font-size: 10px;
	display: inline;
}
.stitle2{
	width: 20%;
	height: 100%;
	margin-left: 8%;
	color: white;
	font-size: 10px;
	display: inline;
}
.p1{
	width: 100%;
	height: 100%;
	margin-left: 10%;
	margin-top: 5%;
	display: inline;
	position: relative;
    top: 15%;
    left: 1%;
}
#ldt{
	width: 50%;
	height: 90%;
	
	float: left;
}
.zss{
	width: 50%;
	height: 90%;
	
	margin-left: 50%;
}
.lrts1{
	width: 85%;
	height: 35%;
	margin-left: 12%;
	margin-top: 5%;
    background: url(/img/familyParticulars/老人投诉文字边框.png) ;
	background-size: cover;
	background-size:100% 100% ;
}
.lrts2{
	width: 85%;
	height: 35%;
	margin-left: 12%;
	margin-top: 5%;
	 background: url(/img/familyParticulars/老人投诉文字边框.png) ;
	background-size: cover;
	background-size:100% 100% ;
}
.bz1{
	color: cornflowerblue;
	font-size: 8px;
	padding-top: 8%;
	padding-left: 5%;
}
.bz2{
	color: white;
	font-size: 10px;
	padding-top: 2%;
	padding-left: 5%;
}
.bz{
	width: 90%;
	height: 80%;
	margin-top: 10%;
	margin-left: 3%;
}

.dy{
	width: 5%;
    height: 66%
}

.w{
	color: white;
	margin-left: 1%;
}
.nr1_left{
	width: 60%;
	height: 100%;
	float: left;
	
}
.nr1_right{
	width: 40%;
	height: 100%;
	margin-left: 50%;
	
}
.sq{
	color: cornflowerblue;
	font-size:10px;
	margin-left: 15%;
	padding-top:6% ;
}
.num{
	color: white;
	font-size: 23px;
	margin-left: 15%;
}
.logoo{
	width: 30%;
	height: 50%;
   margin-left: 62%;
    padding-top: 5%;
}
.sqjt{
	width: 100%;
	height: 100%;
}
.edt{
	width: 100%;
	height: 100%;
	border:1px solid cornflowerblue
}
.zi5{
	font-size: 20px;
	color: white;
	padding-left: 20%;
	padding-top: 20%;
}

.title-serv{
    position: relative;
    height: 30px;
    width: 100%;
    overflow: hidden;}
    
.title-serv .redxian1{
	position: absolute;
    top: 3px;
    left: 0;
    width: 70%;
    margin-left: 15%;
}
.redlogo{position: absolute;
    top: 10px;
    width: 10px;
    height: 10px;
    left:30%;
    }
 .zi2{
	left: 45%;
    position: absolute;
    top: 34%;
}
.redxian2{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
    margin-left: 15%;
}

.num b{cursor: pointer;}

.tousutop5{width:100%;}
.tousutop5-item{background: url(/img/familyParticulars/tousuborder.png) no-repeat;
    color: #fff;
    background-size: contain;
    background-position: center;
    height: 13%;
    margin: 3% auto;
    width: 90%;
    font-size: 12px;
    line-height: 24px;text-align: center;}

/* 数据统计 */
.dataTJ-top{width: 100%;height: 37%;}
.dataTJ-top-item{    float: left;
    width: 40%;
    overflow: hidden;
    background: url(/img/familyParticulars/数据统计内容框.png);
    background-size: 100% 100%;
    margin: 2.5%;
    height: 75%;
    padding: 2.5%;}
.dataTJ-top-item-left{float: left;
    color: #fff;}
.dataTJ-top-item img{float:right;width:30px;}
.dataTJ-top-item-title{color:#6495ed;font-size: 12px;display: block;}
.dataTJ-top-item-data{font-weight: 700;
    line-height: 30px;}
.dataTJ-bottom{            height: 82%;
    overflow: auto;
    width: 90%;
    margin: 5% 5% 0;}
.font-white{float:left}
.blue-dot{float:left;}
.width85{width:125px;}
.dataTJ-msg{width: calc(100% - 135px);
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.dataTJ-bottom ul li{line-height: 20px;}
.map-back-btn{ display:none;color: #fff;
    position: absolute;
    top: 20px;
    right: 10px;
    background-color: #0178ef;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
	}


